@import "~common/stylus/variable"
@import "~common/stylus/mixin"

.health-detial-container
  position: fixed;
  z-index: 100
  top: 0px
  left: 0px
  right: 0px
  bottom: 0px
  background-color: $color-background
  overflow: hidden;
  box-shadow: 0 1px 2px #ddd
  .health-detail-header
    height: 12%
    background-color: #fff
    padding: 20px 20px 0 20px
    position: relative;
    .health-title-container
      position:absolute;
      top: 20%
      width: calc(100% - 40px)
      .health-title
        font-size: 20px
      .health-detail
        color: #666
        line-height: 25px
        margin-top: 10px
        line-no-wrap(2)
    .health-detail-list-control-container
      position: absolute;
      bottom: 0
      display: flex;
      height: 24px
      line-height: 24px
      width: calc(100% - 40px)
      .detail-list-tab
        flex: 1
        text-align: center
        .tab-text
          padding-bottom: 2px
          color: $color-text-l
        .active
          color: $color-theme
          border-bottom: 1px solid $color-theme

  .health-detail-body
    overflow: hidden;
    height: calc(88% - 69px)
    background-color: #fff
    margin-top: 5px
    .wrapper
      .health-test-name
        line-height: 40px
        height: 40px
        border-bottom: 1px solid #ddd
        padding: 0 20px
      .health-test-list
        .health-test-item
          border-bottom: 1px solid #ddd
          padding: 15px 20px
          .health-test-title
            font-size: 18px
            margin-bottom: 10px
          .health-test-content
            font-size: 14px
            color: #666
      .health-test-tip
        color: #666
        font-size: 14px
        padding: 10px 20px
        line-height: 18px




  .health-detail-footer
    position: absolute;
    bottom: 0px;
    height: 44px
    width: 100%
    background-color: #fff;
    line-height: 44px
    box-shadow: 0 -1px 2px #ddd
    .health-price
      margin-left: 20px
      color: #ffa700
      font-size: 20px
    .health-buynow
      color: #fff;
      background-color: $color-theme-light
      float: right;
      padding: 0 10px
